Jason Ramsumair
Alex Anderson
Tim Gaffley
Sachin Massey
Adam Lauzier
Steve Saint-Ulysse


CSS stands for Cascading Style sheets.
CSS is beneficial because it allows you to edit potentially thousands of pages in one place.
CSS can be linked to HTML by placing this code in the head:
<head>
<link rel="stylesheet" type="text/css" href="yourstyle.css" />
</head>

Screen Shot 2012-12-04 at 12.21.22 PM.png
What this means is that CSS needs a selector, body in this case, you must then put curly brackets with a proerty : value(s) on the inside of them like this: body { font-family : Verdana, sans serif; }


XHTML (eXtensible Hypertext Markup Language)
  • Users demanded control over the appearance of documents
  • HTML acquired tags to control fonts, alignment, etc.
  • The result is a markup language that does both, but is very messy

Rules for Xhtml
  • XHTML elements must be properly nested:
<b><i>bold and italic</b></i> is wrong
  • XHTML documents must be well-formed
<html>
<head> ... </head>
<body> ... </body>
</html>
  • Tag names must be in lowercase

  • All XHTML elements must be closed
<br />, <hr />, <img src="smile.gif" />

  • Some browsers require a space before the
    * Attribute names must also be in lower case
Example: <table width="100%">

  • Attribute values must be quoted
Example: <table width="100%">

<!DOCTYPE ....> Is Mandatory

An XHTML document must have an XHTML DOCTYPE declaration.
A complete list of all the XHTML Doctypes is found in our HTML Tags Reference.
The <html>, <head>, <title>, and <body> elements must also be present, and the xmlns attribute in <html>, must specify the xml namespace for the document.
The example below shows an XHTML document with a minimum of required tags:
Example:
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Title of document</title>
</head>

<body>
......
</body>

</html>

How to Convert from HTML to XHTML

  1. Add an XHTML <!DOCTYPE> to the first line of every page
  2. Add an xmlns attribute to the html element of every page
  3. Change all element names to lowercase
  4. Close all empty elements
  5. Change all attribute names to lowercase
  6. Quote all attribute values